<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>修改签约居民信息</title>
  <link rel="stylesheet" href="./../bootstrap4/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./../font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./../css/index.css">
  <link rel="stylesheet" href="./../css/header.css">
  <link rel="stylesheet" href="./../css/menu.css">

</head>

<body>
  <div class="container-fluid box-height">
    <div class="row header-h  border-light d-flex align-content-center shadow-lg bg-header">
      <div class="col-sm-2 col-lg-2 text-light">
        <i class="fa fa-user text-success size-24"></i>
        <span id="usernickname" class="mx-2">wqw</span>，欢迎您。
      </div>
      <div class="col-sm-7 col-lg-7 text-center">
        <span class="text-success font-weight-bold size-20">成都市龙泉驿区北泉路社区社区医院家庭医生签约服务平台</span>
      </div>
      <div class="col-sm-3 col-lg-3 text-right">
        <a type="button" class="btn btn-link text-light" href="./user_info.html">
          <i class="fa fa-user-circle-o text-primary"></i>
          <span>账户设置</span>
        </a>
        <button type="button" class="btn btn-link text-light" id="exitSystem">
          <i class="fa fa-sign-out text-warning"></i>
          <span>退出系统</span>
        </button>
      </div>
    </div>
    <div class="row menu-height">
      <div class="col-lg-2 px-0">
        <ul class="menu box-height">
          <li>
            <div class="px-4">
              <a href="./main.html" class="btn-link">
                <i class="fa fa-tachometer pr-2"></i>
                <span>工作台</span></a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-cogs pr-2"></i>
                <span>权限管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./accesslist.html" class="btn-link">权限管理</a>
            </div>
            <div class="text-center">
              <a href="./rolelist.html" class="btn-link">角色管理</a>
            </div>
            <div class="text-center">
              <a href="./userlist.html" class="btn-link">用户管理</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-object-group pr-2"></i>
                <span>医生团队管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./doctor_team_management.html" class="btn-link">家庭医生团队管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_management.html" class="btn-link">家庭医生管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_job.html" class="btn-link">医生职称管理</a>
            </div>
          </li>

          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-table pr-2"></i>
                <span>签约管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./serivce_pack.html" class="btn-link">健康服务包管理</a>
            </div>
            <div class="text-center">
              <a href="./person_types.html" class="btn-link">居民类别管理</a>
            </div>
            <div class="text-center">
              <a href="./contract_management.html" class="btn-link">签约居民列表</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-database pr-2"></i>
                <span>统计分析</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./statistic_table.html" class="btn-link">统计表</a>
            </div>
            <div class="text-center">
              <a href="./statistic_charts.html" class="btn-link">统计图</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="col-lg-10 bg-white">
        <!-- 面包屑导航  -->
        <div class="row">
          <div class="col  px-0">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="" class="text-success">签约管理</a></li>
                <li class="breadcrumb-item active">修改居民</li>

              </ol>
            </nav>
          </div>
        </div>
        <!-- 表单，修改用户信息的 -->
        <div class="row mt-3">
          <div class="col">
            <h5 class="pb-2 pl-2  title-border border-bottom text-muted">修改签约居民信息</h5>
          </div>
        </div>
        <div class="row bg-light">
          <div class="col-12">
            <div class="row mb-3">
              <div class="col text-white bg-info text-center">
               民居基本信息
              </div>
            </div>
            <form class="form text-muted mb-5">
              <div class="row">
                <div class="col-6">
                  <div class="form-group row">
                    <label for="personName" class="col-sm-4 col-form-label">居民姓名<span
                        class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="personName">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="personSid" class="col-sm-4 col-form-label">身份证号码<span
                        class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="personSid">
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="personTel" class="col-sm-4 col-form-label">手机号码<span
                        class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="personTel">
                    </div>

                  </div>
                  <div class="form-group row">
                    <label class="col-sm-4 col-form-label">性别<span class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="sex1" name="sex" class="custom-control-input">
                        <label class="custom-control-label" for="sex1">男</label>
                      </div>
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="sex2" name="sex" class="custom-control-input">
                        <label class="custom-control-label" for="sex2">女</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="personAddress" class="col-sm-4 col-form-label">居住地址<span
                        class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <input type="text" class="form-control" id="personAddress">
                    </div>
                  </div>
                </div>
                <div class="col-6">
                  <div class="form-group row">
                    <label for="personTypes" class="col-sm-4 col-form-label">人群分类<span
                        class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="1">
                        <label class="form-check-label" for="inlineCheckbox1">0~6岁儿童</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="2">
                        <label class="form-check-label" for="inlineCheckbox2">老年人</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="3">
                        <label class="form-check-label" for="inlineCheckbox3">孕产妇</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="4">
                        <label class="form-check-label" for="inlineCheckbox4">高血压</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox5" value="5">
                        <label class="form-check-label" for="inlineCheckbox5">糖尿病</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox6" value="6">
                        <label class="form-check-label" for="inlineCheckbox6">严重精神障碍</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox7" value="7">
                        <label class="form-check-label" for="inlineCheckbox7">残疾人</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox8" value="8">
                        <label class="form-check-label" for="inlineCheckbox8">健康居民</label>
                      </div>

                    </div>
                  </div>
                  <div class="form-group row">
                    <label for="sid" class="col-sm-4 col-form-label">居民照片<span class="text-danger">*</span>:</label>
                    <div class="col-sm-8">
                      <input type="file" class="custom-file-input" id="customFile">
                      <label class="custom-file-label mx-3" for="customFile">Choose file</label>
                      <small id="sidHelp" class="form-text text-muted mt-3">选择图片，修改头像</small>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-8 offset-4">
                      <img class="user-head-photo" src="./../images/userdefault.jpeg" alt="">
                    </div>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <div class="col text-white bg-info  text-center">
                  签约服务包管理
                </div>
              </div>
              <div class="row">
                <div class="col-2 col-form-label">服务包选择：</div>
                <div class="col-10">
                  <div  class="form-group row">
                    <select name="serivcepackTypes" id="serivcepackTypes" class="form-control col-3 mr-2">
                      <option value="" disabled selected>请选择服务包种类</option>
                      <option value="1">健康居民</option>
                      <option value="1">0~6岁儿童</option>
                      <option value="1">老年人</option>
                      <option value="1">孕产妇</option>
                      <option value="1">健康居民</option>
                      <option value="1">健康居民</option>
                      <option value="1">健康居民</option>
                    </select>
                    <select name="serivcepackTypes" id="serivcepackTypes" class="form-control col-3 mr-2">
                      <option value="" disabled selected>请选择服务包类型</option>
                      <option value="1">初级包</option>
                      <option value="2">中级包</option>
                      <option value="3">高级包</option>
                    </select>
                    <button type="button" class="btn btn-primary"><i class="fa fa-plus-circle text-danger mr-2"></i>添加服务</button>
                  </div>
                  <div>
                    <table class="table table-hover">
                      <thead>
                        <tr>
                          <th>已选择服务种类</th>
                          <th>已选择服务类型（级别）</th>
                          <th>操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>健康居民</td>
                          <td>初级包</td>
                          <td><i class="fa fa-trash text-danger"></i></td>
                        </tr>
                        <tr>
                          <td>0~6岁儿童</td>
                          <td>中级包</td>
                          <td><i class="fa fa-trash text-danger"></i></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  
                </div>
              </div>




            </form>
          </div>
          <div class="col-12 text-center  mb-5">
            <button type="button" class="btn btn-secondary mr-5"><i class="fa fa-backward pr-2 text-warning"></i>返回</button>
            <button type="button" class="btn btn-warning"><i class="fa fa-plus pr-2 text-danger"></i>修改</button>
          </div>
        </div>
      </div>
    </div>

  </div>

  <script src="./../jquery/jquery-3.6.0.js"></script>
  <script src="./../bootstrap4/dist/js/bootstrap.bundle.js"></script>
  <script src="./../js/comm.js"></script>
</body>

</html>